<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>
<head>
	<link rel="StyleSheet" type="text/css" href="style/estilo.css" media="screen" />
	<p:resources />
	<title>
		<ui:insert name="pageTitle">
			<h:outputText value="Thermo Search"/>
		</ui:insert>
	</title>
</head>
<body>
	<div id="base">
		<div id="meio">
			<h:form prependId="false" id="form">
				<p:dataTable id="organisms" paginatorAlwaysVisible="false" var="organism" value="#{searchBean.organisms}">
					<p:column>
						<f:facet name="header">
							<h:outputText value="Organism"/>
						</f:facet>
						<h:outputText value="#{organism.name}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Molecule"/>
						</f:facet>
						<p:dataTable var="molecule" value="#{organism.molecules}">
							<p:column>
								<f:facet name="header">
									<h:outputText value="Name"/>
								</f:facet>
								<h:outputText value="#{molecule.name} " />
							</p:column>
						</p:dataTable>
					</p:column>
				</p:dataTable>
			</h:form>
		</div>	
	</div>
</body>
</f:view>
</html>